body{ overflow: hidden; font-family: '微软雅黑'; }
a{text-decoration: none !important;}
/*总体布局*/

#classList{margin:auto; margin-top:20px; min-width: 500px; max-width: 950px; overflow: hidden; background: #fff; padding-bottom:40px;}
/*top布局*/
#classList .classLTop{height:60px;margin:0 20px 0 20px;}
#classList .classLTop h2{ height: 18px; float: left; font-size: 18px; margin:22px 0;}
#classList .classLTop h2 i{color:#1e9bed; padding-right: 5px;} 
#classList .classLTop input{height: 30px; float: right; display: block; border:none; border-radius: 12px; padding: 0 30px; margin:20px 10px 0 0; background-color:#1e9bed; color:#fff; font-weight: bold; outline: none; cursor: pointer; }
/*课程布局*/
#classList .cList{ height: 216px; margin-left: 40px; width:406px; overflow: hidden; margin-bottom:25px; float: left; }
#classList .cList[class~=odd]{ margin-left: 58px; }
@media screen and (max-width: 950px) {
	#classList .cList[class~=odd]{ margin-left: 40px; }
}
.classLCont{ width: 100%; overflow: hidden; }
.classLCont .text{ height:102px; width: 198px; float: left;  }
.classLCont .img{ display: block; float: left; width: 188px; height: 216px; float: left; margin-right: 20px; }
.classLCont .title{ width:198px; float: left;font-size: 16px; line-height: 18px; }
.classLCont .content{display: block; float: left; color:#7a8080; width: 198px; margin-top: 10px; }
.classLCont .teach{width: 198px; color:#7a8080; font-size: 14px; float: left;}
.classLCont .teacher{width: 152px; height:30px; float: left;}
.classLCont .cate{ display: block; float: right; height: 18px; }
.classLCont .cost{display: block; float: right; color:#1e9bed; }
.classLCont .datetime{color:#7a8080; width: 150px; height: 18px; float: left; margin-bottom: 8px; }
.classLCont .datetime .time{ padding-left: 15px; }
.classLCont .operate {height:16px; line-height: 16px; float: right; margin-top: -20px ;}
.classLCont .operate span{color:#1e9bed; padding:0 3px;}
.classLCont .operate a{color:#1e9bed; font-size: 14px;}